import { DrawLineIcon, DrawPointIcon, DrawPolyIcon } from '@/compnents/icons';
import type { IMaterialRecord } from './types';

export const getMaterialList = (): IMaterialRecord[] => [
  {
    key: 'draw_point',
    content: '标记位置',
    keywords: '点',
    icon: <DrawPointIcon />,
    isActive: false,
    desc: '标记位置，添加备注',
    className: 'smap-point-marker',
  },
  {
    key: 'draw_line_string',
    content: '绘制线',
    keywords: '线',
    icon: <DrawLineIcon />,
    isActive: false,
    desc: '绘制线，标记路线',
    className: 'smap-line-marker',
  },
  {
    key: 'draw_polygon',
    content: '绘制区域',
    keywords: '面',
    icon: <DrawPolyIcon />,
    isActive: false,
    desc: '绘制区域，标记范围',
    className: 'smap-polygon-marker',
  },
  // {
  //   key: 'color',
  //   content: '选择颜色',
  //   icon: <IconColorPlatteNew />,
  //   onClick: () => {},
  //   isActive: false,
  //   render: () => (
  //     <ColorfulPopover key="color" showContentWrap color={color} onChange={(v) => setColor(v)}>
  //       <TooltipButton
  //         content="选择颜色"
  //         spacing={20}
  //         buttonProps={{ icon: <div className="smap-color" style={{ background: color }} /> }}
  //       />
  //     </ColorfulPopover>
  //   ),
  // },
  // {
  //   key: 'icon',
  //   content: '选择图标',
  //   icon: <IconCommand />,
  //   onClick: () => {},
  //   isActive: false,
  // },
];
